<div id="chat-friend">
    <div id="chat-friend-box" class="friend-box">
        <div class="friend-apply">
            <div class="friend-btn" onclick="friendBtnClick(this,'friend-apply-list')">
                <i class="friend-arrow-right"></i>
                <div class="friend-btn-title">新的好友</div>
                <span class="top-unread hide" unread-count="0">0</span>
            </div>
            <div id="friend-apply-list" class="friend-apply-list hide">
                <!-- 好友申请列表 -->
            </div>
        </div>
        <div class="friend">
            <div class="friend-btn" onclick="friendBtnClick(this,'friend-list')">
                <i class="friend-arrow-right"></i>
                <div class="friend-btn-title">联系人</div>
            </div>
            <div id="friend-list" class="friend-info-list hide">
                <!--<label class="friend-initial">A</label>
                <div class="friend-info">
                    <div class="friend-head">
                        <img class="friend-avatar" src="https://oss.pinmallzj.com/image/user/2022/12/23/H3SZa8JWM5LXb4ba18d0047d3499b36840fc9bbcde31-0n6lq5dbuiie.jpeg" alt=""/>
                    </div>
                    <div class="friend-right">
                        <div class="friend-title">
                            <span class="friend-name">公众号ddd多大事三生三世湿哒哒SaaS</span>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
    <div class="box-right">
        <div class="recvfrom">
            <div class="friend-container">
                <div id="friend-apply-info">
                    <!--   好友详情  -->
                    <div style="text-align: center;padding-top: 15%"><img src="ico/消息.png" alt="聊天室消息背景"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 同意好友申请对话框 -->
    <div id="agree-friend-apply-dialog" class="addbody" style="display: none;">
        <div class="add-content">
            <div class="add-info">
                <div class="el-image add-avatar">
                    <img id="add-avatar-agree" src="https://res.tiocloud.com/avatar/tio/20200708/7.jpg"
                         class="el-image-inner"
                         alt="头像">
                </div>
                <div class="add-name">
                    <p id="add-nick-agree" class="add-nick">LLLQQQ</p>
                    <p id="add-area-agree" class="add-area">浙江省 温州市</p>
                </div>
            </div>
            <div class="add-greet">
                <div class="greet-content">
                    <input id="apply-id-agree" type="hidden"/>
                    <label for="remark-agree">设置备注</label>
                    <input id="remark-agree" type="text" placeholder="备注" onfocus="remarkFocus(this)"/>
                    <label for="label-agree">标签</label>
                    <input id="label-agree" type="text" placeholder="添加标签"/>
                </div>
                <div style="text-align: center">
                    <button class="primarybtn" onclick="agreeFriendApply()">通过</button>
                </div>
            </div>
        </div>
    </div>
</div>